﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="msapplication-TileColor" content="#1A0066"/>
<meta name="msapplication-TileImage" content="/images/win8_symbol_140x140.png"/>
<title>在线支付</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<link href="/dist/css/bootstrap.min.css" rel="stylesheet"/>
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="/JS/jquery.min.js" ></script>
<script src="/dist/js/bootstrap.min.js"></script>
<link href="/dist/css/font-awesome.min.css" rel="stylesheet"/>
<style>
.wxbind_body { background:#333;} /*微信绑定*/
.wxbind_body_c { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#fff; font-family:"STHeiti","Microsoft YaHei","黑体","arial";}
.wxbind_body_c h1 { margin-top:0; margin-bottom:20px; font-size:1.5em; text-align:center;}
.wxbind_body_c img { padding:20px; background:#fff;}
.wxbind_body_c p { margin-top:20px; margin-bottom:0; padding-top:5px; padding-bottom:5px; text-align:center; background:#232323; border-radius:100px; box-shadow:inset 0 5px 10px -5px #191919,0 1px 0 0 #444; -moz-box-shadow:inset 0 5px 10px -5px #191919,0 1px 0 0 #444; -webkit-box-shadow:inset 0 5px 10px -5px #191919,0 1px 0 0 #444; line-height:1.5em;}
</style>
</head>
<body class="wxbind_body">
<div class="wxbind_body_c">
<h1>欢迎使用支付宝手机网页支付</h1>
<img src="/Common/Common.ashx" id="bind_img" alt="二维码" width="280" height="280" />
<p>请打开支付宝，使用扫一扫完成支付！</p>
</div>
</body>
</html>
<script>
$().ready(function(e) {
    $(".wxbind_body_c img").attr("src","/Common/Common.ashx?url="+window.location.href);
});
</script>